<html>
<head>
	<title>FIL</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> 
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/home.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<script type="text/javascript" src="js/bookmark_bubble.js"></script>
<script type="text/javascript">
window.addEventListener('load', function() {
  window.setTimeout(function() {
    var bubble = new google.bookmarkbubble.Bubble();

    var parameter = 'bmb=1';

    bubble.hasHashParameter = function() {
      return window.location.hash.indexOf(parameter) != -1;
    };

    bubble.setHashParameter = function() {
      if (!this.hasHashParameter()) {
        window.location.hash += parameter;
      }
    };

    bubble.getViewportHeight = function() {
      window.console.log('Example of how to override getViewportHeight.');
      return window.innerHeight;
    };

    bubble.getViewportScrollY = function() {
      window.console.log('Example of how to override getViewportScrollY.');
      return window.pageYOffset;
    };

    bubble.registerScrollHandler = function(handler) {
      window.console.log('Example of how to override registerScrollHandler.');
      window.addEventListener('scroll', handler, false);
    };

    bubble.deregisterScrollHandler = function(handler) {
      window.console.log('Example of how to override deregisterScrollHandler.');
      window.removeEventListener('scroll', handler, false);
    };

    bubble.showIfAllowed();
  }, 1000);
}, false);
</script>	
</head>
<body>
	<header>
	<a href="index.html"><img id="logo_memoriachilena" src="images/logo_memoriachilena.png"></a>	
		<img id="logo_chilefil"src="images/logo_chilefil.png">
	</header>

	<section  id="center_content">
		<article class="item_menu">
			<a href="vicente-huidobro" class="foto_item" >
				<img src="images/vicente.png" >
			</a>
			<div class="row_item"></div>
		</article>
		<article class="item_menu">
			<a href="gabriela-mistral" class="foto_item" >
				<img src="images/gabriela.png" >
			</a>
			<div class="row_item"></div>
		</article>
		<article class="item_menu">
			<a href="pablo-neruda" class="foto_item" >
				<img src="images/pablo.png" >
			</a>
			<div class="row_item"></div>
		</article>
		<article class="item_menu">
			<a href="gonzalo-rojas" class="foto_item" >
				<img src="images/gonzalo.png" >
			</a>
			<div class="row_item"></div>
		</article>

	</section>
	<footer>
		<img src="images/footer.png" >
	</footer>
</body>
</html>